<!-- 友情链接 -->
<template>
  <div>
    <sg-nav></sg-nav>
    <div class="container">
      <el-row :gutter="30">
        <el-col :sm="24" :md="16" style="transition: all 0.5s ease-out">
          <sg-friends></sg-friends>
          <sg-message></sg-message>
        </el-col>
        <el-col :sm="24" :md="8">
          <sg-rightlist></sg-rightlist>
        </el-col>
      </el-row>
    </div>
    <skk-footer></skk-footer>
  </div>
</template>

<script>
import footer from "../components/footer.vue";
import header from "../components/header.vue";
import friends from "../components/friends.vue";
import rightlist from "../components/rightlist.vue";
import message from "../components/message.vue";
export default {
  name: "FriendsLink",
  data() {
    //选项 / 数据
    return {};
  },
  methods: {
    //事件处理器
  },
  components: {
    //定义组件
    "sg-nav": header,
    "sg-message": message,
    "sg-friends": friends,
    "sg-rightlist": rightlist,
    "skk-footer": footer,
  },
  created() {
    //生命周期函数
  },
};
</script>

<style>
</style>
